page-mypicture {
    .contentwrap{
        width: 100%;
        height:320px;
        
    }
    .scroll-content{
     background-color:rgb(237,238,240);
    }
    .wrap1{
         background: url("../../../assets/img/wuwangluo.png") no-repeat;
         background-size: 100%;
         background-position: 4px 10px;
    }
    .wrap2{
         background: url("../../../assets/img/组3.png") no-repeat;
         background-size: 100%;
         background-position: 0px 10px;
    }
     .collection{
         display:block;
         text-align:center;
         text-overflow: ellipsis;
         overflow: hidden;
         width: 100%;
         white-space: nowrap;
     }
     .imgcoll{
         width:2rem;
         height:2rem;
         position: absolute;
         right:0.6rem;
         top:0.6rem;
     }
     .imgmore{
        width:3rem;
        height:2.3rem;
        position: absolute;
        right:0.4rem;
        bottom:2.2rem;
    }
    .goumai{
       width:4rem;
       height:4rem;
       position: absolute;
       left:0.4rem;
       top:0.4rem;
   }
     .footer-bar{
         width:100%;
         height:5rem;
         border-top:1px solid #ccc;
         position:fixed;
         bottom:0px;
         background: white;
     }
     .footer-bar-left{
         width:70%;
         text-align: left;
         line-height:5rem;    
         height:5rem;
         float:left;
         background:#fff;
         font-size:1.5rem;
         color:#999; 
     }
     .footer-bar-right{
         width:30%;
         text-align: center;
         line-height:5rem;    
         height:5rem;
         float:right;
         background:#ff5d5d;
         font-size:1.5rem;
         color:#fff;
     }
     .selectall{
         margin-left:1rem;
         position: relative;
         top:11%;
         width: 2rem;
         height:2rem;
     }
     
     .wrap{
        width: 200px;
        height:100px;
         line-height: 100px;
        position:fixed;
        left: 50%;
        top:50%;
        margin-left: -100px;
        margin-top: -50px;
        text-align: center;
        z-index: 222;
     }
     p{
             position: absolute;
             top: 232px;
             left:160px;
             font-size: 14px;
             color:rgba(102,102,102,1)
     }
     .noPassing{
        width: 90%;
        margin:0 auto;
        bottom:2rem;
        overflow: hidden;
     }
     .passEdit{
        width: 40%;
        height:2rem;
        line-height:2rem;
        color:white;
        float: left;
        text-align: center;
        background: #999;
        opacity:0.9;
        font-size: 1.2rem;
        border-radius: 0.5rem
     }
     .passDelet{
         width: 40%;
         height:2rem;
         line-height:2rem;
         float: right;
         color:white;
         background: #ff5d5d;
         text-align: center;
         opacity:0.8;
         font-size: 1.2rem;
         border-radius: 0.5rem
     }
     .load{
         background: white;
         width: 140px;
         color:rgba(236, 81, 79,1);
         border-color: rgba(242,76,73,1);
     }
     .icon{
         font-size: 24px;
     }
     ion-searchbar{
         width:81%;
         position: absolute;
         top:-6px;
     }
     .bar-buttons-ios{
         position: relative;
     } 
     .timesacep{
         font-size:1.6rem;
         font-weight:bold;
         color:#828282;
         margin-left:1rem;
     }
     .toolbar-title-ios{
         font-weight: normal;
     }
     .mypicture{
        width: 100%;
        height:8.5rem;
        overflow: hidden;
        position: relative;
    }
    .shenheWrap{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height:100%;
        background: rgba(0,0,0,0.5);
    }
    .span1{
        margin: 30% 0 10% 0;
        display: block;
        color: white;
        text-align: center;
    }
    .span2{
        display: block;
        width:100%;
        color: white;
        text-align: center;
        margin:31% 0 7% 0;
    }
    .solding{
        position: absolute;
        top:0;
        left:0;
        width: 30%;
        height:40%;
    }
    .solding img{
        vertical-align: top;
    }
    .goodsPic{
        height:100%;
    }
    .no{
        width: 100%;
        margin-top: 56%;
    }
    .no>div{
        width: 100%;
        font-size: 1.6rem;
        text-align: center;
        color: #999;
    }
    .goPic{
        width: 1.6rem;
        height:1.6rem;
    }
    .bot{
        text-align: center;
        color: #999;
        margin:0.6rem;
        letter-spacing: 0.2rem;
        font-size: 1.4rem
    }
}
